<template>
  <footer class="footer mainWidth">
    <a
      v-for="(item,index) in footerList"
      :key="index"
      :class="{activeA:Boolean(item.link)}"
    >{{item.title}}</a>
  </footer>
</template>
<script>
import { getTouchFooterNav,getData }  from '@/api'
export default {
  "name": "touchFooter",
  data() {
    return {
      footerList: []
    };
  },
  created(){
    // getTouchFooterNav()
    getData('/api/tf').then(res=>{
      // console.log('footer',res);
      this.footerList = res.data.data;
    })
  },
};
</script>
<style lang="less" scoped>
footer.footer {
  display: flex;
  justify-content: space-around;
  a {
    margin: 0 5px;
    font-size: 12px;
    line-height: 42px;
    color: #8b8e99;
    white-space: nowrap;
    &.activeA:hover {
      cursor: pointer;
      color: #00d7c6;
    }
  }
}
</style>